<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title>首页</title>
		
		<style type="text/css">
			.swiper-container {
				width: 100%;
				max-height: 688px;
			}
			
			.swiper-slide {
				text-align: center;
				line-height: 300px;
			}
		</style>
		
		<link rel="stylesheet" type="text/css" href="../sass/css/index.css" />
		<link rel="stylesheet" type="text/css" href="../sass/css/common.css" />
		<link rel="stylesheet" type="text/css" href="../sass/css/resect.css" />
		<link rel="stylesheet" type="text/css" href="../sass/css/animate.min.css" />
		<link rel="stylesheet" type="text/css" href="../sass/css/swiper.min.css" />
		
		<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
		<script src="../js/display/cookie.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/index/index.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/index/swiper.animate1.0.3.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/index/swiper.min.js" type="text/javascript" charset="utf-8"></script>
		
	</head>

	
	<body>
		<!--头部-->
		<div id="header">
			<div class="top-nav">
				<a href="#">2018冬季精选新品5折起</a>
				<a href="#" class="right">在线客服</a>
				<a href="malls.html" class="right">积分商城</a>
				<a href="carts.html" class="right">购物车</a>
				<a href="login.html" class="right">注册/登录</a>
			</div>
			<div class="top-search">
				<div class="search-cont"></div>
			</div>
			<h1 title="lily index pages"></h1>
			<ul id="nav">
				<li>
					<a href="index.html" class="big">首页</a>
				</li>
				<li>
					<a href="display.html" class="big">商品</a>
				</li>
				<li>
					<a href="javascript:;" class="big">品牌</a>
				</li>

			</ul>
		</div>

		<!--内容-->
		<!--轮播图-->
		<div class="swiper-container">
			<div class="swiper-wrapper">
				<div class="swiper-slide bg1">
					<a href="display.html">
						<img src="https://pic.lily.sh.cn/%E6%89%8B%E6%9C%BA%E7%AB%AF19%E6%98%A51%E6%B3%A2%E8%BD%AE%E6%92%AD.jpg" />
					</a>
				</div>

				<div class="swiper-slide bg3">
					<a href="display.html">
						<img src="https://pic.lily.sh.cn/PC%E7%AB%AF18%E5%86%AConsale%E8%BD%AE%E6%92%AD.jpg" />
					</a>
				</div>
			</div>
			<!-- 如果需要分页器 -->
			<div class="swiper-pagination"></div>

			<!-- 如果需要导航按钮 -->
			<div class="swiper-button-prev"></div>
			<div class="swiper-button-next"></div>

			<!-- 如果需要滚动条 -->
			<!--<div class="swiper-scrollbar"></div>-->
		</div>
		<script>
			var mySwiper = new Swiper('.swiper-container', {
				direction: 'horizontal', // 垂直切换选项
				loop: true, // 循环模式选项
				autoplay: true, //自动播放
				// 如果需要分页器
				pagination: {
					el: '.swiper-pagination',
					clickable: true,
				},

				// 如果需要前进后退按钮
				navigation: {
					nextEl: '.swiper-button-next',
					prevEl: '.swiper-button-prev',
				},

				// 如果需要滚动条
				/*  scrollbar: {
				    el: '.swiper-scrollbar',
				  },*/
			})
		</script>

		<!--商品-->
		<div class="inner">
			<!--新抵达-->
			<div class="left_espot">

				<div class="idx-new">
					<h3 class="title"><b title=""> ☆ NEW ARRIVAL ☆ </b></h3>
					<a href="display.html" title="picture"><img alt="" src="https://pic.lily.sh.cn/PC%E7%AB%AF19%E6%98%A51%E6%B3%A2%E5%B9%BF%E5%91%8A%E4%BD%8D%E5%B7%A6.jpg"></a>
				</div>
				<div class="idx-new-right">
					<a href="display.html" title="picture"><img alt="" src="https://pic.lily.sh.cn/PC%E7%AB%AF19%E6%98%A51%E6%B3%A2%E5%B9%BF%E5%91%8A%E4%BD%8D%E5%8F%B3.jpg"></a>
				</div>
				<div class="clear"></div>

			</div>
			<!--最新商品-->
			<div class="left_espot">

				<ul class="idx-hot showmore">
					<h3 class="title"><b title="最热品类"><span>/</span> ☆ LILY X 国家博物馆 ☆ <span>/</span></b></h3>
					<li>
						<a href="display.html"><img alt="" src="https://pic.lily.sh.cn/19%E6%98%A5%E5%9B%BD%E9%A3%8E-1.jpg"></a>
					</li>
					<li>
						<a href="display.html"><img alt="" src="https://pic.lily.sh.cn/19%E6%98%A5%E5%9B%BD%E9%A3%8E-2.jpg"></a>
					</li>
					<li>
						<a href="display.html"><img alt="" src="https://pic.lily.sh.cn/19%E6%98%A5%E5%9B%BD%E9%A3%8E-3.jpg"></a>
					</li>
					<li>
						<a href="display.html"><img alt="" src="https://pic.lily.sh.cn/19%E6%98%A5%E5%9B%BD%E9%A3%8E-4.jpg"></a>
					</li>
					<li>
						<a href="display.html"><img alt="" src="https://pic.lily.sh.cn/19%E6%98%A5%E5%9B%BD%E9%A3%8E-5.jpg"></a>
					</li>
					<li>
						<a href="display.html"><img alt="" src="https://pic.lily.sh.cn/19%E6%98%A5%E5%9B%BD%E9%A3%8E-6.jpg"></a>
					</li>
					<li>
						<a href="display.html"><img alt="" src="https://pic.lily.sh.cn/19%E6%98%A5%E5%9B%BD%E9%A3%8E-7.jpg"></a>
					</li>
					<li>
						<a href="#"><img alt="" src="https://pic.lily.sh.cn/19%E6%98%A5%E5%9B%BD%E9%A3%8E-8.jpg"></a>
					</li>
					<li>
						<a href="#"><img alt="" src="https://pic.lily.sh.cn/19%E6%98%A5%E5%9B%BD%E9%A3%8E-9.jpg"></a>
					</li>
					<div class="clear"></div>
				</ul>

				<ul class="idx-hot showmore">
					<h3 class="title"><b title="最热品类"><span>/</span> ☆ CATEGORIES ☆ <span>/</span></b></h3>
					<li>
						<a href="#"><img more="https://pic.lily.sh.cn/18%E5%86%AC%E5%93%81%E7%B1%BB%E5%85%A5%E5%8F%A3-%E5%A4%A7%E8%A1%A3-1.jpg" alt="" src="https://pic.lily.sh.cn/18%E5%86%AC%E5%93%81%E7%B1%BB%E5%85%A5%E5%8F%A3-%E5%A4%A7%E8%A1%A3.jpg"></a>
					</li>
					<li>
						<a href="#"><img more="https://pic.lily.sh.cn/18%E5%86%AC%E5%93%81%E7%B1%BB%E5%85%A5%E5%8F%A3-%E5%A4%96%E5%A5%97-1.jpg" alt="" src="https://pic.lily.sh.cn/18%E5%86%AC%E5%93%81%E7%B1%BB%E5%85%A5%E5%8F%A3-%E5%A4%96%E5%A5%97.jpg"></a>
					</li>
					<li>
						<a href="#"><img more="https://pic.lily.sh.cn/18%E5%86%AC%E5%93%81%E7%B1%BB%E5%85%A5%E5%8F%A3-%E9%92%88%E7%BB%87-1.jpg" alt="" src="https://pic.lily.sh.cn/18%E5%86%AC%E5%93%81%E7%B1%BB%E5%85%A5%E5%8F%A3-%E9%92%88%E7%BB%87.jpg"></a>
					</li>
					<li>
						<a href="#"><img more="https://pic.lily.sh.cn/18%E5%86%AC%E5%93%81%E7%B1%BB%E5%85%A5%E5%8F%A3-%E8%A1%AC%E8%A1%AB-1.jpg" alt="" src="https://pic.lily.sh.cn/18%E5%86%AC%E5%93%81%E7%B1%BB%E5%85%A5%E5%8F%A3-%E8%A1%AC%E8%A1%AB.jpg"></a>
					</li>
					<li>
						<a href="#"><img more="https://pic.lily.sh.cn/18%E5%86%AC%E5%93%81%E7%B1%BB%E5%85%A5%E5%8F%A3-%E8%BF%9E%E8%A1%A3%E8%A3%99-1.jpg" alt="" src="https://pic.lily.sh.cn/18%E5%86%AC%E5%93%81%E7%B1%BB%E5%85%A5%E5%8F%A3-%E8%BF%9E%E8%A1%A3%E8%A3%99.jpg"></a>
					</li>
					<li>
						<a href="#"><img more="https://pic.lily.sh.cn/18%E5%86%AC%E5%93%81%E7%B1%BB%E5%85%A5%E5%8F%A3-%E5%A5%97%E5%A4%B4-1.jpg" alt="" src="https://pic.lily.sh.cn/18%E5%86%AC%E5%93%81%E7%B1%BB%E5%85%A5%E5%8F%A3-%E5%A5%97%E5%A4%B4.jpg"></a>
					</li>
					<li>
						<a href="#"><img more="https://pic.lily.sh.cn/18%E5%86%AC%E5%93%81%E7%B1%BB%E5%85%A5%E5%8F%A3-%E8%A3%A4%E5%AD%90-1.jpg" alt="" src="https://pic.lily.sh.cn/18%E5%86%AC%E5%93%81%E7%B1%BB%E5%85%A5%E5%8F%A3-%E8%A3%A4%E5%AD%90.jpg"></a>
					</li>
					<li>
						<a href="#"><img more="https://pic.lily.sh.cn/18%E5%86%AC%E5%93%81%E7%B1%BB%E5%85%A5%E5%8F%A3-%E5%8D%8A%E8%A3%99-1.jpg" alt="" src="https://pic.lily.sh.cn/18%E5%86%AC%E5%93%81%E7%B1%BB%E5%85%A5%E5%8F%A3-%E5%8D%8A%E8%A3%99.jpg"></a>
					</li>
					<li>
						<a href="#"><img more="https://pic.lily.sh.cn/18%E5%86%AC%E5%93%81%E7%B1%BB%E5%85%A5%E5%8F%A3-%E9%A5%B0%E5%93%81-1.jpg" alt="" src="https://pic.lily.sh.cn/18%E5%86%AC%E5%93%81%E7%B1%BB%E5%85%A5%E5%8F%A3-%E9%A5%B0%E5%93%81.jpg"></a>
					</li>
					<div class="clear"></div>
				</ul>

			</div>

		</div>
			
			<!--底部图片-->
				<div class="left_espot">
	
					<div class="idx-other" style="background:#fcf6ee">
						<div style="width:960px;margin:auto">
							<div data-am-widget="slider" class="am-slider am-slider-default am-no-layout" data-am-slider="{&quot;controlNav&quot;:true}">
	
								<div class="am-viewport" style="overflow: hidden; position: relative;">
									<ul class="am-slides" style="width: 600%; transition-duration: 0s; transform: translate3d(-960px, 0px, 0px);">
										<li style="width: 960px; float: left; display: block;" class="clone" aria-hidden="true">
											<a href="#" title="picture"><img alt="" src="https://pic.lily.sh.cn/%E5%BA%95%E9%A1%B52.jpg" draggable="false"></a>
										</li>
										<li style="width: 960px; float: left; display: block;" class="am-active-slide">
											<a href="#" title="picture"><img alt="" src="https://pic.lily.sh.cn/%E5%BA%95%E9%A1%B52.jpg" draggable="false"></a>
										</li>
	
										<li style="width: 960px; float: left; display: block;" class="clone" aria-hidden="true">
											<a href="#" title="picture"><img alt="" src="https://pic.lily.sh.cn/%E5%BA%95%E9%A1%B52.jpg" draggable="false"></a>
										</li>
									</ul>
								</div>
							</div>
						</div>
	
					</div>
	
				</div>
		
			
		<!--尾部-->
		<div class="clear">

		</div>
		<div id="footerWrapper">
			<div id="footer">
				<div class="inner">
					<div class="big">
						<img alt="" src="../img/index/logo.jpg">
						<p>年轻OL的商务着装，可能太严肃，可能太时髦，</p>
						<p>或者像Lily这样，正合适。</p>
					</div>
					<div class="left">
						<p class="title">首页</p>
						<a href="#">· 视觉大片</a>
						<a href="#">· 关于我们</a>
					</div>
					<div class="left">
						<p class="title">订单及售后</p>
						<a href="#">· 追踪我的订单</a>
						<a href="#">· 退货与换货</a>
					</div>
					<div class="left">
						<p class="title">
							<a href="#">关于Lily</a>
						</p>
						<a href="#">· 联系我们</a>
						<a href="#">· 常见问题</a>
						<a href="#">· 招商加盟</a>
						<a href="#">· 法律申明</a>
					</div>
					<div class="right">
						<p class="title">订阅通讯</p>
						<p>立即注册，了解Lily最新活动咨询</p>
						<p><input type="text" id="myemail" name="myemail" placeholder="填写您的邮箱地址"></p>

						<p>
							<a class="btn" href="#">注 册</a>
						</p>
					</div>
					<div class="clear"></div>
					<hr class="idx-hr">
					<p class="copyright">Copyright©2015-2016，lily版权所有
						<a href="http://www.miitbeian.gov.cn">沪ICP备05036513号-1</a>
					</p>
				</div>
			</div>
		</div>

	</body>

</html>